<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" lang="en">
<h:head>
	<ui:include src="include/header.xhtml"></ui:include>
	<title><ui:insert name="title">PrimeFaces Ecuador</ui:insert></title>
	<h:outputScript name="js/nanoscroller.js" library="ecuador-layout" />
	<h:outputScript name="js/layout.js" library="ecuador-layout" />
	<ui:insert name="head" />
</h:head>
<h:body>
	<div
		class="layout-wrapper #{guestPreferences.menuMode} #{guestPreferences.orientationRTL ? 'layout-rtl' : null}">

		<ui:include src="./include/topbar.xhtml"></ui:include>
		<ui:include src="./include/right_panel.xhtml"></ui:include>
		<ui:include src="./include/menu.xhtml"></ui:include>

		<div class="layout-main">
			<div class="route-bar">
				<div class="route-bar-breadcrumb">
					<i class="fa fa-home"></i> <span>/ </span>
					<ui:insert name="viewname" />
				</div>
			</div>
			<div class="layout-content" style="min-height: 300px">
				<p:growl id="globalMessageGrowl" widgetVar="globalMessageGrowl"
					showDetail="true" showSummary="true" sticky="false" life="3000"
					autoUpdate="false" redisplay="true" severity="info,error" />

				<h:form>
					<p:confirmDialog id="confirmDialog" widgetVar="confirmDialog"
						global="true" showEffect="fade" hideEffect="fade" width="300">
						<p:commandButton value="#{msg['framework']['yes']}" type="button"
							styleClass="ui-confirmdialog-yes" icon="fa fa-check" />
						<p:commandButton value="#{msg['framework']['no']}" type="button"
							styleClass="ui-confirmdialog-no" icon="fa fa-close" />
					</p:confirmDialog>
				</h:form>
				<ui:insert name="content" />
			</div>
			<div class="layout-footer">
				<ui:insert name="foot" />
			</div>
		</div>
		<ui:insert name="dialog"></ui:insert>
		<p:ajaxStatus styleClass="layout-ajax-loader">
			<f:facet name="start">
				<i class="fa fa-circle-o-notch fa-spin layout-ajax-loader-icon"
					aria-hidden="true"></i>
			</f:facet>
			<f:facet name="complete">

			</f:facet>
		</p:ajaxStatus>
	</div>
	<h:outputStylesheet name="css/nanoscroller.css"
		library="ecuador-layout" />
	<h:outputStylesheet name="css/layout-#{guestPreferences.layout}.css"
		library="ecuador-layout" />
</h:body>
</html>